<template>
    <div>
        <p>{{count}}</p>
        <button @click="myFn">按钮</button>
    </div>
</template>

<script>
    import {ref} from 'vue';
    export default {
        name: 'App',
        //setup函数 组合api入口函数
        setup(){
            //let count=0
            //定义了一个名称count的变量,初始值是0
            //这个变量改变后,vue会子自动更新UI
            let count=ref(0);
            //组合api直接定义在setup方法中
            function  myFn(){
                // alert(123)
                count.value+=1
            }
            //注意点
            //在组合api中定义的变量或者方法,必须通过return {****,***}暴露出去
            return{count,myFn}
        }
    }
</script>

<style>

</style>
